body{
   width:100%;
   margin:0;
   background-image:url(../images/runner_background.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	font-family: 'Noto Serif', serif;
}

/*hlavicka kde je navigacia, menu logo a prihlasenie*/

#hlavicka{
   width:100%;
   background-image: url(../images/footerBackground.jpg);
	background-repeat: repeat;
	height:100px;
}

.obr{
	float:left;
	width:4%;
	margin-top:20px;
	margin-left:2%;
	
}

/* zacina okno s logami a nadpisom*/

#logos{
   
   height:165px;
   padding-top:2%;
   padding-bottom:2%;
}

.nadpis a{
   color: #693712;
	float: left;
	width: 50%;
	font-size: 40px;
	padding-left: 2%;
	padding-top: 30px;
	font-weight: bolder;
}

.nadpis a:visited{
   color: #693712;
}

.logo{
 float:right;
 width:22%;	
}

#telo{
   width:94%;
   margin:2%;
  background:rgba(241, 234, 232, 0.8);

   border: thin solid;
   border-color: #e8c291;
   border-radius:20px;
   padding-left:20px;
	font-size: 2vh;
}



footer{
   width:100%;
	position:relative;
	bottom:0;
   color:#f1eae8;
   background-image:url(../images/footerBackground.jpg);
   background-repeat: repeat;
   height:80px;	
   padding-top:2.5vh;
   padding-bottom:2.5vh;
	text-align:center;
	font-size:3vh;
}

footer a{
  color:#f1eae8; 
}


#vyskakovacie_menu {display: table; width: 89%; border:none;}
#vyskakovacie_menu ul {list-style-type: none;padding-bottom: 0;}
#vyskakovacie_menu li {float: left; position: relative;z-index: 10;border-radius: 5%;}
#vyskakovacie_menu li a {
	display: block; 
	font-weight: bold; 
	text-align: center; 
	background: transparent;  
	line-height: 2em;
 	border:none; 
 	text-decoration: none;

 }
#vyskakovacie_menu li a.select {color: #000; background: #f8f8f8;}
#vyskakovacie_menu li ul {position: absolute; display: none; width: 140px; left: 0;  }
#vyskakovacie_menu li li {width: 100%;}
#vyskakovacie_menu li li a {padding: 2px 3px 2px 7px; line-height: 1.4em; font-weight: normal; text-align: left; background: #ddd; border:none;}

/* Hover efekty pre prehliadace okrem IE 5.x a IE 6 */



ul#mainMenu li.item ul {width:100%;}
ul#mainMenu li a.mainCategory {color: white;font-weight: bold;padding-top: 10px;text-transform: uppercase;}
ul#mainMenu li li a.subCategory {color: white;padding-left: 30px;}


.navigacia {
font-size:10px;
}

.navigacia li {
	list-style:none;
	display:inline;
}

.navigacia li a {
	font-family: 'Quattrocento Sans', sans-serif;
	text-decoration: none;
	padding:4px 3px;
	font-weight:bold;
	color:#f1eae8;
	
}

.navigacia li.active a {
	color:#dea20c;
}
.navigacia .active  .submenu a{
	color:white;
}
.navigacia .submenu{
	background-image: url(../images/footerBackground.jpg);
}

.navigacia select {
      display: none;
    }

@media screen and (min-width:450px) {

#telo{
	font-size: 30px;
}

}

